<%@ page title="" language="C#" masterpagefile="~/RealtimeSite.master" autoeventwireup="true" inherits="GenrateShift, App_Web_xtpq4zcp" %>

<%@ Register Assembly="Heidarpour.WebControlUI" Namespace="Heidarpour.WebControlUI"
    TagPrefix="rhp" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="AjaxControlToolkit" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="Server">
 <link href="css/googleapis.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        

        .modal
        {
            position: fixed;
            top: 0;
            left: 0;
            background-color: black;
            z-index: 99;
            opacity: 0.8;
            filter: alpha(opacity=80);
            -moz-opacity: 0.8;
            min-height: 100%;
            width: 100%;
        }
        .loading
        {
            font-family: Arial;
            font-size: 10pt;
            border: 5px solid #67CFF5;
            width: 200px;
            height: 100px;
            display: none;
            position: fixed;
            background-color: White;
            z-index: 999;
        }
                    .card [class*=card-header-]:not(.card-header-icon):not(.card-header-text):not(.card-header-image) {
    border-radius: 3px;
      margin-top: -37px;
    padding: 7px !important;
}
.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .05rem 0rem;
    /* margin-bottom: 1rem; */
    list-style: none;
    background-color: #fff !important;
    border-radius: .25rem;
    color: #E15C11;
    font-size: 18px;
    font-weight: 500;
}
.grid-lable
{
     height:150px; 
     overflow-y:scroll; 
     border:1px solid #ddd;
     margin-left:-10px; 
     margin-right:-10px;
     padding:6px;
     
   
}
.form-check, label {
       font-size: 15px !important;
    line-height: 1.32857 !important;
    color: #333 !important;
    font-weight: 200 !important;
    padding-left: 7px !important;
    padding-top: -3px !important;
    position: relative !important;
    top: -3px !important;
}
.grid-lable span
{
    font-size: 15px !important;
    line-height: 1.32857 !important;
    color: #333 !important;
    font-weight: 200 !important;
    padding-left: 7px !important;
    padding-top: -3px !important;
    position: relative !important;
    top: -3px !important;
}
.grid-lable lable
{
    display: inline-block;
    margin-bottom: 0rem !important;
}
label {
    display: inline-block;
    margin-bottom: 0rem !important;
}
#inputSearch
{
        height: 21px;
    margin-top: 5px;
    margin-bottom: 8px;
    width: 100%;
}
#MainContent_Label1
{
         font-size:15px;
    font-weight:bold; 
}
#MainContent_lblSelectionBy
{
    font-size: 15px;
    font-weight: 600;
}
#MainContent_lblSelectReport
{
    font-size: 15px;
    font-weight: 600;
}
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="Server">
    <div class="loading" align="center">
        Loading. Please wait.<br />
        <br />
        <%-- <asp:Label ID="lblcount" runat="server" Text="0"></asp:Label>--%>
        <img src="loader.gif" alt="" />
    </div>
     <script src="js/jquery-1.8.3.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        function ShowProgress() {
            setTimeout(function () {
                var modal = $('<div />');
                modal.addClass("modal");
                $('body').append(modal);
                var loading = $(".loading");
                loading.show();
                var top = Math.max($(window).height() / 2 - loading[0].offsetHeight / 2, 0);
                var left = Math.max($(window).width() / 2 - loading[0].offsetWidth / 2, 0);
                loading.css({ top: top, left: left });
            }, 200);
        }
        $('form').live("submit", function () {
            ShowProgress();
        });
    </script>
               <div class="main-panel">
        <div class="content">
        <div class="container" id="genrateshift" runat="server">
    <div class="row dash-pane2">
    <div class="card">
                <div class="card-header card-header-warning">
                  <h4 class="card-title"> <i class="fa fa-edit fa-fw"></i>
                        <asp:Label ID="lblGenerateShift" runat="server" Text="Generate Shift"></asp:Label></h4>
                </div>
                <div class="card-body table-responsive">
                <div class="row breadcrumb" style="margin-top:-20px;">
                <b><asp:Label ID="lblSelectionBy" runat="server" Text="Selection By"></asp:Label></b>
                </div>
                <div class="row" style="margin-top:-30px;">
                <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                        <ContentTemplate>
                    </div>
                            <div class="row" style="margin-left:10px; margin-right:10px; margin-top:10px; width:100%">
                           <ul class="list-inline" style="width:100%; display:contents">
                           <li style="width:17.5%; margin-left:15px;">
                           <div class="grid-lable2" style="margin-left:-11px; margin-bottom:5px;">
                                    <asp:RadioButton ID="SelectAllCommany" runat="server" Checked="True" GroupName="Cmpny"
                                        Text="" AutoPostBack="True" OnCheckedChanged="SelectAllCommany_CheckedChanged" /><asp:Label
                                            ID="lblAllCompany" runat="server" Text="All Company"></asp:Label><br />
                                    <asp:RadioButton ID="FewCompany" runat="server" GroupName="Cmpny" Text="" OnCheckedChanged="FewCompany_CheckedChanged" /><asp:Label
                                        ID="lblFewCompany" runat="server" Text="Few Company"></asp:Label><br />
                                    <asp:CheckBox ID="CheckBox1" runat="server" AutoPostBack="True" OnCheckedChanged="CheckBox1_CheckedChanged"
                                        Text="" /><asp:Label ID="lblcompanySelectAllDeSelectAll" runat="server" Text="SelectAll/De-Select All"></asp:Label>
                           </div>
                                <div class="grid-lable">

                                    <asp:CheckBoxList ID="chkcompanylist" runat="server" AutoPostBack="True" Font-Size="12px"
                                        OnSelectedIndexChanged="chkcompanylist_SelectedIndexChanged">
                                    </asp:CheckBoxList>
                                </div>                           
                           </li>
                           <li style="width:17.5%; margin-left:27px;">
                           <div class="grid-lable2" style="margin-left:-11px; margin-bottom:5px;">
                                     <asp:RadioButton ID="Allshift" runat="server" GroupName="shift1" Text="" Checked="True"
                                        AutoPostBack="True" OnCheckedChanged="Allshift_CheckedChanged" /><asp:Label ID="lblAllBranch"
                                            runat="server" Text="All  Branch"></asp:Label><br />
                                    <asp:RadioButton ID="Allshift1" runat="server" GroupName="shift1" Text="" AutoPostBack="True"
                                        OnCheckedChanged="Allshift1_CheckedChanged" /><asp:Label ID="lblFewBranch" runat="server"
                                            Text="Few Branch"></asp:Label><br />
                                    <asp:CheckBox ID="CheckBox2" runat="server" AutoPostBack="True" OnCheckedChanged="CheckBox2_CheckedChanged"
                                        Text="" /><asp:Label ID="lblbranchSelectAllDeSelectAll" runat="server" Text="SelectAll/De-Select All"></asp:Label>                          
                           </div>
                                <div class="grid-lable">

                                    <asp:CheckBoxList ID="Chkshiftlist" runat="server" AutoPostBack="True" Font-Size="12px"
                                        OnSelectedIndexChanged="Chkshiftlist_SelectedIndexChanged">
                                    </asp:CheckBoxList>
                                    </div>                           
                           </li>
                           <li style="width:17.5%; margin-left:27px;">
                           <div class="grid-lable2" style="margin-left:-11px; margin-bottom:5px;">
                                     <asp:RadioButton ID="AllDesignation" runat="server" Checked="True" GroupName="Dept"
                                        Text="" OnCheckedChanged="AllDesignation_CheckedChanged" /><asp:Label ID="lblAllDepartment"
                                            runat="server" Text="All Department"></asp:Label><br />
                                    <asp:RadioButton ID="optfewDesignation" runat="server" GroupName="Dept" Text="" OnCheckedChanged="optfewdept_CheckedChanged" /><asp:Label
                                        ID="lblFewDepartment" runat="server" Text="Few Department"></asp:Label><br />
                                    <asp:CheckBox ID="CheckBox3" runat="server" AutoPostBack="True" OnCheckedChanged="CheckBox3_CheckedChanged"
                                        Text="" /><asp:Label ID="lbldeptSelectAllDeSelectAll" runat="server" Text="SelectAll/De-Select All"></asp:Label>                          
                           </div>
                                <div class="grid-lable">

                                    <asp:CheckBoxList ID="chkdepartmentlist" runat="server" AutoPostBack="True" Font-Size="12px"
                                        OnSelectedIndexChanged="chkdepartmentlist_SelectedIndexChanged">
                                    </asp:CheckBoxList>
                                </div>                           
                           </li>
                           <li style="width:17.5%; margin-left:27px;">
                           <div class="grid-lable2" style="margin-left:-11px; margin-bottom:5px;">
                                    <asp:RadioButton ID="RadioButton1" runat="server" Checked="True" GroupName="Desig"
                                        Text="" OnCheckedChanged="RadioButton1_CheckedChanged" /><asp:Label ID="lblAllDesignation"
                                            runat="server" Text="All  Designation"></asp:Label><br />
                                    <asp:RadioButton ID="optFewEmployee0" runat="server" AutoPostBack="True" GroupName="Desig"
                                        OnCheckedChanged="optAllemployee_CheckedChanged" Text="" />
                                    <asp:Label ID="lblFewDesignation" runat="server" Text="Few Designation"></asp:Label><br />
                                    <asp:CheckBox ID="CheckBox4" runat="server" AutoPostBack="True" OnCheckedChanged="CheckBox4_CheckedChanged"
                                        Text="" /><asp:Label ID="lblDesignationSelectAllDeSelectAll" runat="server" Text="SelectAll/De-Select All"></asp:Label>                           
                           </div>
                                 <div class="grid-lable">

                                    <asp:CheckBoxList ID="ChkDesignationList" runat="server" AutoPostBack="True" Font-Size="12px"
                                        OnSelectedIndexChanged="ChkDesignationList_SelectedIndexChanged">
                                    </asp:CheckBoxList>
                                </div>                          
                           </li>
                           <li style="width:17.5%; margin-left:27px;">
                           <div class="grid-lable2" style="margin-left:-11px; margin-bottom:5px;">
                                     <asp:RadioButton ID="optAllemployee" runat="server" AutoPostBack="True" Checked="True"
                                        GroupName="Emp" OnCheckedChanged="optAllemployee_CheckedChanged" Text="" ClientIDMode="Static"
                                        onclick="sharad();" /><asp:Label ID="lblAllemployee" runat="server" Text="All  employee"></asp:Label><br />
                                    <asp:RadioButton ID="optFewEmployee" runat="server" AutoPostBack="True" GroupName="Emp"
                                        Text="" OnCheckedChanged="optFewEmployee_CheckedChanged" ClientIDMode="Static"
                                        onclick="sharad();" /><asp:Label ID="lblFewEmployee" runat="server" Text="Few Employee"></asp:Label><br />
                                    <asp:CheckBox ID="CheckBox5" runat="server" AutoPostBack="True" OnCheckedChanged="CheckBox5_CheckedChanged"
                                        Text="" ClientIDMode="Static" onclick="sharad();" /><asp:Label ID="lblemployeeSelectAllDeSelectAll"
                                            runat="server" Text="SelectAll/De-Select All"></asp:Label>
                                                           
                           </div>
                                <div class="grid-lable">
                                 <asp:TextBox runat="server" ID="inputSearch" ClientIDMode="Static" Height="21px"
                                        placeholder="Search employee" CssClass="form-control" />  
                                    <asp:CheckBoxList ID="chkemployeelist" runat="server" OnSelectedIndexChanged="chkemployeelist_SelectedIndexChanged"
                                        Font-Size="12px" ClientIDMode="Static">
                                    </asp:CheckBoxList>

                                <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

                                 <script type="text/javascript">

                                     $(document).ready(function () {
                                         $("#inputSearch").on("keyup", function () {
                                             var value = $(this).val().toLowerCase();
                                             $("#chkemployeelist tr").filter(function () {
                                                 $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
                                             });
                                         });
                                     });
                                        window.onload = function () {
                                            var tmr = false;
                                            var labels = document.getElementById('chkemployeelist').getElementsByTagName('label');
                                            var func = function () {
                                                if (tmr)
                                                    clearTimeout(tmr);
                                                tmr = setTimeout(function () {
                                                    var regx = new RegExp(document.getElementById('inputSearch').value);


                                                    for (var i = 0, size = labels.length; i < size; i++)
                                                        if (document.getElementById('inputSearch').value.length > 0) {
                                                            if (labels[i].textContent.match(regx)) setItemVisibility(i, true);
                                                            else setItemVisibility(i, false);
                                                        }
                                                        else
                                                            setItemVisibility(i, true);
                                                }, 500);

                                                function setItemVisibility(position, visible) {
                                                    if (visible) {
                                                        labels[position].style.display = '';
                                                        labels[position].previousSibling.style.display = '';
                                                        if (labels[position].nextSibling != null)
                                                            labels[position].nextSibling.style.display = '';
                                                    }
                                                    else {
                                                        labels[position].style.display = 'none';
                                                        labels[position].previousSibling.style.display = 'none';
                                                        if (labels[position].nextSibling != null)
                                                            labels[position].nextSibling.style.display = 'none';

                                                    }
                                                }
                                            }

                                            if (document.attachEvent) document.getElementById('inputSearch').attachEvent('onkeypress', func);  // IE compatibility
                                            else document.getElementById('inputSearch').addEventListener('keydown', func, false); // other browsers
                                        };


                                        function sharad() {
                                            var tmr = false;

                                            var labels = document.getElementById('chkemployeelist').getElementsByTagName('label');
                                            var func = function () {
                                                if (tmr)
                                                    clearTimeout(tmr);
                                                tmr = setTimeout(function () {
                                                    var regx = new RegExp(document.getElementById('inputSearch').value);


                                                    for (var i = 0, size = labels.length; i < size; i++)
                                                        if (document.getElementById('inputSearch').value.length > 0) {
                                                            if (labels[i].textContent.match(regx)) setItemVisibility(i, true);
                                                            else setItemVisibility(i, false);
                                                        }
                                                        else
                                                            setItemVisibility(i, true);
                                                }, 500);

                                                function setItemVisibility(position, visible) {
                                                    if (visible) {
                                                        labels[position].style.display = '';
                                                        labels[position].previousSibling.style.display = '';
                                                        if (labels[position].nextSibling != null)
                                                            labels[position].nextSibling.style.display = '';
                                                    }
                                                    else {
                                                        labels[position].style.display = 'none';
                                                        labels[position].previousSibling.style.display = 'none';
                                                        if (labels[position].nextSibling != null)
                                                            labels[position].nextSibling.style.display = 'none';

                                                    }
                                                }
                                            }


                                            if (document.attachEvent) document.getElementById('inputSearch').attachEvent('onkeypress', func);  // IE compatibility
                                            else document.getElementById('inputSearch').addEventListener('keydown', func, false); // other browsers
                                        }



                                    </script>
                                </div>                           
                           </li>
                           </ul>

                            </div>
                        </ContentTemplate>
                    </asp:UpdatePanel>
                </div>
                
                <div class="row" style="margin-top:-0px; margin-left:20px; margin-right:37px;">
                <div class="panel panel-primary" style="width:100%">
                <div class="panel-heading" style="padding:4px; font-size:14px !important"><asp:Label ID="lblSelectReport" runat="server" Text="Select Report"></asp:Label></div>
                <div class="panel-body" style="background:#eee; padding-top:10px; padding-bottom:0px;">
                <div class="row">
                 <div class="col-lg-2"><asp:Label ID="Label1" runat="server" Text="Select Month"></asp:Label></div>
                <div class="col-lg-4">
                        
                        <asp:TextBox CssClass="form-control" ID="TxtfromDate" runat="server" autocomplete="off"
                            ></asp:TextBox>
                       
                        <asp:Panel ID="Panel6" runat="server" Visible="false">
                            <rhp:DatePicker ID="TxtfromDate1" runat="server" DatePersian="" CalendarType="Persian"
                                BorderColor="#CCCCCC" BorderStyle="Solid" BorderWidth="1px" ShowWeekNumbers="True"
                                FirstDayOfWeek="Monday" ShowOthers="True"></rhp:DatePicker>
                        </asp:Panel>

                        <AjaxControlToolkit:CalendarExtender ID="txtDate0_CalendarExtender" runat="server"
                            TargetControlID="TxtfromDate" Format="MM/yyyy" />
                        &nbsp;
                        
                    </div>
                    <div class="col-lg-4">
                    <asp:Button ID="cmdsave" runat="server" Text="Generate Shift" OnClick="cmdsave_Click"
                            type="button" class="btn btn-success " />
                        &nbsp;&nbsp;
                        <asp:Button ID="btnprocessdate" runat="server" Text="Attendance Process" type="button"
                            class="btn btn-success " OnClick="btnprocessdate_Click" Visible="False" />
                        <i class="fa fa-plus;">
                            <asp:Label ID="Label3" runat="server" ForeColor="Red" Width="400px"></asp:Label>
                        </i>
                    
                    </div>
                    <div class="col-lg-4" style="display: none;">
                        <asp:Label ID="Label34" runat="server" ForeColor="Red"></asp:Label>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <asp:CheckBox ID="ChkProcess" runat="server" Text="" OnCheckedChanged="ChkProcess_CheckedChanged" /><asp:Label
                            ID="lblWithProcessData" runat="server" Text="With Process Data"></asp:Label>
                    </div>
                </div>
                </div>
                </div>
               
                </div>
                <div class="row" style="margin-left:auto; margin-right:auto; display:table; margin-top:-10px; margin-bottom:10px;">
                              <asp:Button ID="Button1" runat="server" Text="Home" type="button" class="btn btn-success "
                                OnClick="Button1_Click" /><i class="fa fa-plus;"></i>&nbsp;&nbsp;
                            <asp:Button ID="btnClose" runat="server" type="button" Text="Close" OnClick="btnClose_Click"
                                class="btn btn-danger" /><i class="fa fa-trash-o;"></i>
                </div>
                </div>
              </div>
    
    </div>
    </div>
    </div>
    </div>
</asp:Content>
